<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="f" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>青年公寓系统 - 角色信息添加</title>
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/add.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/lib/bp.css">
<style type="text/css">
.breadcrumb{
	margin-bottom:0;
    padding-bottom: 20px;
}
.breadcrumb,.breadcrumb li{
	font-size:20px;
	background: white;
	line-height: 50px;
}
.breadcrumb li a:hover{
	text-decoration: underline;
}
.form-control{
	height: auto;
}
.form-group{
	overflow: hidden;
	margin-bottom: 30px;
}
.sub{
	width:300px;
	margin-left:150px;
	display: flex;
	justify-content: space-around;
}
.btn{
	width: 80px;
}

</style>
</head>
<body style="background: #f5f5f5">
<div style="margin: 15px 30px;">
	<div style="border-radius:5px;">
		<ol class="breadcrumb">
			<li><a href="${pageContext.request.contextPath}/admin">管理员</a></li>
			<li><a href="${pageContext.request.contextPath}/listRole?index=1">角色管理</a></li>
			<li class="active">角色添加</li>
		</ol>
		<div style="padding: 0 150px;overflow: hidden;background: white;">
			<form action="${pageContext.request.contextPath}/addRole" method="post" 
				  class="form-horizontal"> 
				<input type="hidden" name="ro_id" />
				 <div class="form-group">
				    <label class="col-sm-2 control-label">角色名称</label >
				    <div class="col-sm-5">
				    	<input class="form-control" name="ro_name" placeholder="角色名称">
				    </div>
				  </div>
				  <div class="form-group">
				    <label  class="col-sm-2 control-label">角色描述</label>
				    <div class="col-sm-5">
				    	<textarea class="form-control" cols="50" rows="3" name="ro_desc" placeholder="角色描述"></textarea>
				    </div>
				  </div>
				  <div class="sub" >
				 		<input type="submit" value="提交" class="btn btn-info">
				 		<input type="button" value="取消" class="btn btn-info" onclick="window.history.back();">
				  </div>
			</form>
		</div>
	</div>
	
</div>
<!-- 表单验证待完成 -->
<script type="text/javascript">
	
</script>
</body>
</html>